<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人简历微场景</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script type="text/javascript" src="js.js"></script>
	</head>
	<body>
		<audio loop="loop"  hidden autoplay="autoplay">
			<source src="dream.mp3" />
		</audio>
		<div id="music"></div>
		<div id="container">
			<article>
				<section class="one">
					<div data-class="animated bounceInRight"><h3>个人简历</h3></div>
					<div data-class="animated bounceInLeft"><p>Personal Resume</p></div>
					<div data-class="animated bounceInUp">2015.11.09</div>
				</section>
				<section class="two">
					<div data-class="animated fadeInLeft">
						<h4>I want A</h4>
						<h2>JOB</h2>
					</div>
					<div data-class="animated fadeInRight">
						<img src="images/face.jpg" alt="" />
						<p></p>
						<h2>赵保柱</h2>
					</div>
					<div me='introduce' data-class="animated fadeInUp">
						<h6>school</h6>
						<p>河北工业大学,2015年</p>
					</div>
					<div me='introduce' data-class="animated fadeInUp">
						<h6>major</h6>
						<p>软件编程</p>
					</div>
					<div me='introduce' data-class="animated fadeInUp">
						<h6>E-MAIL</h6>
						<p>422852954@qq.com</p>
					</div>
					<div me='introduce' data-class="animated fadeInUp">
						<h6>phone</h6>
						<p>13552711617</p>
					</div>
				</section>
				<section class="three">
					<div data-class="animated fadeInLeft">
						曾是一个好学生
					</div>
					<div data-class="animated fadeInRight">
						想做一个好程序员
					</div>
					<div data-class="animated zoomIn">
						怀揣18般武艺怀抱梦想和憧憬的我<br />
						想找一份<span>前端开发</span>，<span>php</span>类的工作
					</div>
					<div data-class="animated fadeInRightBig"></div>
					<div me='skill' data-class="animated rubberBand">熟练<br />掌握</div>
					<div me='skill' data-class="animated bounceInUp">Mysql</div>
					<div me='skill' data-class="animated bounceInLeft">PHP</div>
					<div me='skill' data-class="animated bounceInLeft">html5</div>
					<div me='skill' data-class="animated bounceInDown">css3</div>
					<div me='skill' data-class="animated bounceInRight">linux</div>
					<div me='skill' data-class="animated bounceInRight">js/jquery</div>
				</section>
				<section class="four">
					<div data-class="animated bounceInUp">
						形象化的简历<br />
						能否打动求贤若渴的你？
					</div>
					<div data-class="animated bounceInUp">
						不要在犹豫了<br />
						我就是你们苦苦寻找的三好员工！
					</div>
					<div data-class="animated bounceInUp">
						欢迎电话或邮件联系我<br />
						疯狂索取简历联系
					</div>
					<div data-class="animated bounceInUp">
						TEL ： 13552711617<br />
						QQ  ： 422852954  <br />
						NAME ： 赵保柱
					</div>
				</section>	
			</article>
		</div>
		<!--下一页的图标-->
		<div id="next" class="next" data='bounceInDown'></div>
	</body>
</html>
